<template>
  <div class="to">
     <header>
       <ul>
         <li><img src="/static/img/img_03.png" alt=""></li>
         <li>{{this.list}}</li>
         <li>登录|注册</li>
       </ul>
    </header>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'to',
  data() { 
    return {
      list:'',
    }
  },
  methods: {

  },
  mounted() {
    axios.get('http://elm.cangdu.org/v2/pois/45.761089,126.631908').then((res)=>{
      console.log(res);
      this.list=res.data.name
      console.log(res.data.name);
    })
  },
 }
</script>

<style lang="scss" scoped>
header{
  width:4.8rem;
  height:0.57rem;
  background: #288cee;
  ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    li{
      font-size:0.2rem;
      line-height: 0.57rem;
      color:white;
      img{
        width:0.33rem;
        height:0.28rem;
        margin-top: 0.1rem;
      }
    }
  }
}
</style>